<%-- 
    Document   : index
    Created on : Oct 10, 2013, 8:39:39 AM
    Author     : simon, joel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <!-- jquery stuff -->
        <link href="css/start/jquery-ui-1.10.3.custom.css" rel="stylesheet">
        <script src="js/lib/jquery-1.9.1.js"></script>
	<script src="js/lib/jquery-ui-1.10.3.custom.js"></script>
        
        <!-- jqplot stuff  -->
        <script language="javascript" type="text/javascript" src="js/lib/jquery.jqplot.min.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" />
        
        <!-- leaflet stuff -->
        <link href="css/leaflet.css" rel="stylesheet">
        <script src="js/lib/leaflet.js"></script>
        <script src="js/core/cormacmap.js"></script>
        
        <link rel="stylesheet" type="text/css" href="css/main.css">
        
        <!-- REST api functions -->
        <script type="text/javascript" src="js/core/resource.js"></script>
        
         <!-- Helper functions -->
        <script type="text/javascript" src="js/core/helpers.js"></script>
        
        <!-- Frames -->
        <script type="text/javascript" src="js/core/frames.js"></script>
        
        
        <script type="text/javascript" src="js/ui/user.js"></script>
        
        <title>Cormac</title>
        
    </head>
    <body>
        
        <div id="dialog" hidden>
            
            <div>
            <form id="upload-form" action="upload" enctype="multipart/form-data" method="post">
                <label for="file">File</label><br/>
                <input type="file" name="file" id="file" class="button ui-widget-content ui-corner-all"/><br/>
                <label for="tNames">Track</label><br/>
                <select name="tNames" id="tNames" class="button ui-widget-content ui-corner-all"/><br/>
                <label for="newTrack">New track</label><br/>
                <input type="text" name="trackname" id="trackname" class="text ui-widget-content ui-corner-all"/><br/>
                <button type="submit" id="upload-form-submit" class="button ui-widget-content ui-corner-all">Submit</button>
            </form>
        </div>
        </div>
        <div id="dialog-edit" hidden>
            <form id="edit-form">
                <label for="username">First name </label>
                <input type="text" name="username" id="username" class="text ui-widget-content ui-corner-all"/><br/>
                <label for="password">Password</label>
                <input type="password" name="password" id="password" class="text ui-widget-content ui-corner-all"/><br/>
                <label for="avatar">Avatar</label>
                <input type="text" name="avatar" id="avatar" class="text ui-widget-content ui-corner-all"/><br/>
                <label for="Givenname">First name </label>
                <input type="text" name="Givenname" id="Givenname" class="text ui-widget-content ui-corner-all"/><br/>
                <label for="Familyname">Surname</label>
                <input type="text" name="FamilyName" id="Familyname" class="text ui-widget-content ui-corner-all"/><br/>
                <label for="email">E-mail </label>
                <input type="email" name="email" id="email" class="text ui-widget-content ui-corner-all"/><br/>
            </form>
        </div>
        <div id=dialog-remove" hidden>
        </div>
        <div id="header" class="container">
            <button id="homeButton">Home</button>
            <button id="editButton">Edit Profile</button>
            <button id="logout" action='post'>Log Out</button>
            <h1 id="welcome"></h1>

        </div>
        <div id="wrapper">
            <div id="left">

                <div id="recent_runs" class="container">
                    <h2>Tracks and runs</h2>
                    <div id="track_list">

                    </div>
                    <ul id="run_list">

                    </ul>
                    <button id="button">Upload new run</button>
                </div>
            </div>
            <div id="right">

                <div id="presentation" class="container">

                </div>
            </div>
        </div>
    </body>
</html>

